/*******************************************
 * 自定义配色css文件放在defaut_color的同级目录,然后在 "系统/配置管理" 中为"COLOR_STYLE"增加一行配置项
 *********************************************/

/********************************************
 * base.css
 * 描述：重置页面元素并设置布局样式
 * 作用范围： 全局
 *******************************************/

 /********************************************
 * 基础颜色
 * 深蓝:1985ac
 * 浅蓝:63c2de
 *******************************************/

html,body,input,textarea,select,legend{
	color:#263238;
	/*全局默认文字颜色*/
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #263238;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #337ab7;
  text-decoration: underline;
}

.header .logo{
  color: #263238;
  text-align: center;
  width: 200px;
  margin-left: 0;
}

.header .logo img{
  display: inline-block;
  margin-right: 10px;
  width: 28px;
  vertical-align: middle;
  margin-top: -3px;
}

/*************************************************
 * common.css 
 * 描述：定义公共类名
 * 作用范围: 公共，独立样式
 *************************************************/

/* 文章搜索/用户搜素 下拉弹出按钮 实心小箭头 */
.arrow-down {
	border-top-color: #000;
}
.arrow-up {
	border-bottom-color: #000;
}
.arrow-left {
	border-right-color: #000;
}
.arrow-right {
	border-left-color: #000;
}

/********************************************** 
 * module.css 
 * 描述：定义常用组件样式
 * 作用范围: 公共，组件模块
 ***********************************************/

/* 文章新增编辑页,权限授权页,分类编辑页 tab标签 */
.tab-nav {
	border-bottom-color: #e0e0e0;
}
.tab-nav .current a,
.tab-nav .current a:hover {
  border-width: 1px 1px 0;
	border-color: #cfd8dc #cfd8dc transparent;
  background: #fff;
  margin-left: 1px;
  cursor: pointer;
}

.tab-nav li a, .tab-nav li a:hover{
  height: 40px;
}


/* (暂未使用) 面包屑导航 */
.breadcrumb {
	color: #999;
}
.tags-crumb li {
	background-color: #e0e0e0;
}
.tags-crumb .current {
	background-color: #f60;
}
.tags-crumb .current a {
	color: #fff;
}
.tags-crumb li i {
	border-left-color: #fff
}
.tags-crumb li b {
	border-left-color: #e0e0e0
}
.tags-crumb .current b {
	border-left-color: #f60;
}	

/* 列表分页 */
.page{
  margin: 0;
  padding: 10px;
}
.page a,
.page span {
  color: #686868;
  position: relative;
  display: block;
  padding: 7px 13px;
  margin-left: -1px;
  color: #20a8d8;
  background-color: #fff;
  border: 1px solid #ddd;
  height: auto;
  line-height: 20px;
}
.page a:hover
 {
    background: #e1e1e1;
    color: #167495;
}
.page .current{
	border-top: 1px solid #ddd;
  background-color: #20a8d8;
  color: #fff;
  border-color: #20a8d8;
  z-index: 2;
}

/* uploadify插件上传按钮 */
.uploadify-button {
	color: #fff;
	background-color: #27ae60;
  color: #fff;
  background-color: #20a8d8;
  border-color: #20a8d8;
}

/* 分类管理/分类授权 树形菜单（目前只支持3级）
------------------------------------------ */
.category{
  border-radius: 2px;
  border: 1px solid #ddd;
}
.category .hd {
	border-bottom-color: #eee;
	color:#111;
	background-color: #edf1f2;
  padding: 3px 0px;
}
.category .cate-item dt {
	border-bottom-color: #E7E7E7;
  padding: 5px 0px;
}
.category .name .error {
	color: #B94A48;
}
.category .name .success {
	color: #468847;
}

.category input{
  height: 30px;
}

.close {
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.category .name{
  height: 30px;
  line-height: 30px;
}

/******************************************** 
 * form.css 
 * 描述：定义表单样式
 * 作用范围: 公共，表单模块，表单布局
 *********************************************/

/* 表单组件
------------------------------------------ */
.text,.textarea, textarea{
	border-color: #eeeeee;
	background-color: #fff;
}

.text{
  margin-bottom: 10px;
}

.textarea{
  height: 516px;
}

textarea{
  height: 250px;
  width: 100%;
  padding: 4px;
}

.textarea textarea{
  height: 100%;
  padding: 0;
}
select {
	border-color: #ccc;
}
.must {
	color: #f00; /* 表单必填项标识字符*/
}

/* 多行两列表单
------------------------------------------ */
.form-horizontal .item-label .check-tips {
	color: #aaa; /* 表单label后面的提示文字 */
}
.form-horizontal .controls .check-tips {
	color: #999; /*表单ajax操作完成后返回的提示文字*/
}

.form-horizontal .controls{
  padding: 5px 5px 5px 2px;
}

/* 搜索表单
------------------------------------------ */
.search-form .sleft {/* 高级搜索左边的搜索框 */
	border-color: #ebebeb;
	background-color: #fff;
}

/* 状态搜索下拉选项 */
.search-form .drop-down ul {
	background-color: #fff;
	border-color: #ebebeb;
}
.search-form .drop-down ul li {
	border-top-color: #ebebeb;
}
.search-form .drop-down ul a {
	color: #404040;
}
.search-form .drop-down ul a:hover {
	background-color: #f0f0f0;
}
.search-form .sch-btn:hover {
	/* 搜索提交按钮 */
	color: #fff;
}

.focus{
	border: 1px solid #d1d1d1;
	box-shadow: 0 0 12px #ECECEC;
}
/*********************************************
 * table.css 
 * 描述：定义数据表格样式
 * 作用范围: 公共，表格模块
 **********************************************/

/* 内容区 行默认颜色*/
.data-table tbody tr {
	background-color: #ffffff;
	color: #686868;
}
.data-table thead th,
.data-table tbody td {
	/*非隔行变色时 用于行区分的单元格底线颜色 */
    border-bottom-color:  #f4f4f4;
}
/* 表头配色 */
.data-table thead th {
	color:#111;
    /*background-color: #FFEBEB;*/
  background-color: #eee;
}
/* 隔行变色 行默认颜色 */
.table-striped tbody tr {
	background-color: #fefefe;
	color: #686868;
}
.table-striped tbody tr:nth-of-type(odd){
  background-color: #fff;
}
/* 隔行变色 偶数行配色 */
.table-striped tbody tr:nth-child(even) {
	background-color: #f2f2f2;

}


/************************************* 
 * button.css 
 * 描述：定义按钮样式
 * 作用范围: 公共，按钮组，单独按钮
 *************************************/

/* 普通按钮 */
/*.btn {
	display: inline-block;
  *display: inline;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
     background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}*/
/*.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}*/



/* 表单返回按钮 */
.btn-return {
}

/* 表单提交按钮(确定,保存,提交) */
.submit-btn {
	color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #20a8d8;
    background-image: -moz-linear-gradient(top, #FFABA9, #20a8d8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFABA9), to(#20a8d8));
    background-image: -webkit-linear-gradient(top, #FFABA9, #20a8d8);
    background-image: -o-linear-gradient(top, #FFABA9, #20a8d8);
    background-image: linear-gradient(to bottom, #FFABA9, #20a8d8);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.submit-btn:hover {
    color: #ffffff;
	  background-color: #20a8d8;
	  *background-color: #20a8d8;
}
.submit-btn:focus {
    outline: none;
}

/* 下拉弹出按钮 */
.btn-group .dropdown,
.btn-group-click .dropdown {
	border-color: #ccc;
	background-color: #fff;
}
.btn-group .dropdown a:hover,
.btn-group-click .dropdown a:hover {
    background-color: #eee;
}

/* 被禁用的按钮 */
.btn.disabled {
	background-color: #8d8d8d;
	cursor: not-allowed;
}


/************************************* 
 * style.css
 *************************************/

/* 头部Logo,主导航*/
.header {
    background-color: #fff;
    /*box-shadow: 0 0 10px #333;*/
    border-bottom: 1px solid #ccc;
}
/* 主导航 */
.main-nav a {
    color: #aaa;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
}
.main-nav a:hover {
    background-color:#fff;
    color:#1985ac;
}
.main-nav .current{
    background-color: #fff;
    color:#aaa;
}
.main-nav .current a {
    background-color: #fff;
    color:#1985ac;
    border-bottom: 2px solid;
}

/* 顶部右侧 用户bar */
.header .user-menu {
    border-color: #ddd;
    background-color: #fff;
}
.header .user-menu li {
    border-bottom-color: #ddd;
}
.header .user-menu a:hover {
    color: #424242;
    background-color: #f5f5f5;
}

/* 边栏导航样式
------------------------------------------ */
.sidebar {
	/* 左侧栏背景 */
	background: #263238;
  overflow: visible;
}

@media (max-width: 991px){
  .sidebar {
    margin-left: 0px; 
  }
}
.subnav{
  padding: 0;
}

/* 子导航Group标题栏 */
.subnav h3 {
  color: #fff;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0 20px;
  position: relative;
  font-weight: normal;
}
.subnav h3::before{
  position: absolute;
  top: 19px;
  right: 20px;
  display: block;
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 26px;
  text-align: center;
  content: "\2039";
  transition: .3s;
  font-weight: lighter;
  transform: rotate(180deg);
  line-height: 10px;
}

.subnav h3 a {
	color: #fff;
}

.subnav .icon-puzzle{
  margin-right: 10px;
  color: #b0bec5;
}

/* 左侧二级菜单 */
.side-sub-menu{
  margin: 0;
  background: rgba(0, 0, 0, 0.2);
}
.side-sub-menu > li > .item {
    color: #fff;
    padding: 3px 0 3px 20px;
}
.side-sub-menu > li{
  margin: 0;
}
.side-sub-menu > li > .item:hover{
	color: #fff;
	background: #63c2de;
}
.side-sub-menu > .current > .item,
.side-sub-menu > .hover > .item {
    color: #fff;
}
.side-sub-menu > .current > .item,
.side-sub-menu > .current > .item:hover {
	/* 高亮导航 */
	color: #fff;
  background: #304047;
}

.side-sub-menu > .current > .item:hover{
  background: #63c2de;
}

.side-sub-menu > .current > .item .icon-puzzle{
  color: #1985ac;
}
.side-sub-menu > li > .item:hover .icon-puzzle{
  color: #fff;
}
.subnav .nav-dropdown-toggle::before, .subnav .nav-dropdown-toggle.dropdown-toggle::before, .subnav .nav-dropdown-toggle.dropdown-toggle::before {
    position: absolute;
    top: 19px;
    right: 20px;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    font-size: 26px;
    text-align: center;
    content: "\2039";
    transition: .3s;
    font-weight: lighter;
    transform: rotate(180deg);
    line-height: 10px;
  }
.subnav .nav-dropdown-down::before, .subnav .nav-dropdown-down.dropdown-down::before, .subnav .nav-dropdown-down.dropdown-down::before {
    transform: rotate(270deg);
  }
/* windows开始菜单式子菜单 */
.side-sub-menu li .subitem {
    background-color: #fff;
    border: 1px solid #263238;
}
.side-sub-menu .subitem .item{
  background-color: #263238;
  color: #fff;
  height: 34px;
  line-height: 34px;
}
.side-sub-menu .subitem:hover{
  border-color:#63c2de;
}
.side-sub-menu .subitem .item:hover {
    /*background: url(../images/pink_color/subnav_current.png) no-repeat 130px 13px #FFCCCC;*/
    background-color: #63c2de;
    color: #fff;
}

.side-sub-menu .subitem .item:hover .icon,.side-sub-menu .subitem .item:hover .icon-puzzle:before{
  color: #fff;
}

/* 后台主内容区域
------------------------------------------------- */
.main {
	background-color: #edf1f2;
}

.main-title{
  margin: -20px -20px 20px;
  padding: 10px 20px;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.main-title h2 {
    color: #445566;   
    margin-bottom: 0;
    font-size: 15px;
}
.main-title .ca {
	/* 内容列表 面包屑 */
    background: url(../images/subnav_current.png) no-repeat center center;
}

.main-title .fg{
  display: inline-block;
  padding: 0 10px;
  color: #ccc;
}
.main-title a{
  color: #263238;
}
.main-title h2 a:last-child{
  color: #63c2de;
}

/* 访问授权页面 大类区块 */
.checkmod {
    border-color: #ebebeb;
}
.checkmod dt {
    border-bottom-color: #ebebeb;
    background-color: #ECECEC;
}


/* 版权信息 */
.cont-ft {
    background-color: white;
}
.copyright {
    border-top-color: white;
}


/*************************************
 *  登陆页面css
 ***********************************/

/* body 配色*/
#login-page {
    color: #000;
    background-color: white;
}


#login-page .login-form {
    background-color: #fff;
    box-shadow: 0 0 10px #999;
    border-top:none;
}
#login-page .login-form h3 {
    color: #8D9CAA;
}
#login-page .login-form .check-tips {
    color: #ff0000;
}
#login-page .login-form .item {
    border-color:  #ececec;
}
#login-page .login-form .focus {
    border-color: #A6E1F3;
    box-shadow: 0 0 12px #BAF7FF;
}
#login-page .login-form .icon-login-user,
#login-page .login-form .icon-login-pwd,
.#login-page login-form .icon-login-verifycode {
    background: url("../images/icon24_login.png") no-repeat;
}
#login-page .login-form .icon-login-user {
    background-position: 0 0;
}
#login-page .login-form .icon-login-pwd {
    background-position: -48px 0;
}
#login-page .login-form .icon-login-verifycode {
    background-position: -24px 0;
}
#login-page .login-form input {
    background-color: #fff;
    color:#686868;
}
#login-page .login-form .login-btn {
    color: #FFFFFF;
    background-color: #20a8d8;
}
#login-page .login-form .login-btn:hover {
    background-color: #1985ac;
}
#login-page .login-form .login-btn[disabled] {
    opacity: 0.6;
    filter: alpha(opacity=60);
    cursor: default;
    box-shadow: none;
}
#login-page .icon-loading {
    background: url(../images/loading_icon.gif) no-repeat 0 0;
}


#login-page input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
#login-page .logo-img {
    background: url(../images/logo.png) no-repeat 0 center;
}

#login-page .welcome{
    color:#ddd;
}

#login-page .reloadverify{
    color:#69C3FF;
}

#login-page img.verifyimg{
	border-color: #ececec;
}

/*datepicker*/
.datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled]{
  background: #20a8d8 !important;
}

/*icon*/
.subnav h3 .icon {
    /*background: url(../images/pink_color/bg_icon.png) no-repeat -100px 0;*/
    background: none;
    margin-top: 15px;
}
.subnav h3 .icon-fold {
    background-position: -75px 0;
}
.recycle {
    background: url(../images/pink_color/bg_icon.png) no-repeat -125px 0;
}

.btn-arrowdown{
  background-position: 0px -26px;
}

/*主面板*/
.columns-mod .bd{
  overflow-y: visible;
}

/*table*/
.data-table{
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #fff;
}

.data-table .data-table{
  border: none;
  margin: 0;
}

.data-table thead th, .data-table tbody td{
  padding: 10px 8px;
}

.data-table thead th{
  background-color: #f6f8f8;
}

.data-table tbody tr:nth-child(even) {
    background-color: #fafbfc;
}

.container-span {
    padding-top: 0px;
}

.columns-mod .hd{
  background-color: #f6f8f8;
  height: 40px;
  line-height: 40px;
}

.columns-mod .bd{
  background-color: #fff;
}

input.form-control{
  padding: 1.5rem 1rem;
  width: 390px;
  display: inline-block;
  margin-right: 15px;
}

input[type="radio"].form-control{
  width: 20px;
  vertical-align: middle;
  float: left;
  margin-top: 3px;
}

.input-large{
  width: auto;
}

select.form-control{
  padding: 0;
  width: 390px;
}

select.form-control:not([size]):not([multiple]){
  height: 38px;
}

.ke-toolbar{
  background-color: #edf1f2 !important;
  border-bottom: 1px solid #edf1f2 !important;
  padding: 6px 5px !important;
}

.ke-statusbar{
  background-color: #edf1f2 !important;
}

.form-horizontal .form-item{
  /*padding: 0 15px;*/
}

.tab-form .form-item{
  float: left;
  width: 45%;
}

.tab-form .form-item .form_control{
  width: 30%;
}

.header .user-bar{
  cursor: pointer;
  font-size: 14px;
  color: #aaa;
}

.header .user-menu a{
  padding: 10px 15px;
}

.header .user-menu li{
  height: auto;
  line-height: 20px;
}

.header .user-menu .fa{
  margin-right: 10px;
  font-size: 14px;
  color: #cfd8dc;
  width: 14px;
  text-align: center;
}

.button-submit{
  padding: 8px 40px;
  /*margin-left: 15px;*/
  margin-top: 10px;
  color: #fff !important;
}

.tab-content{
  padding: 10px 15px;
  overflow: hidden;
}

.tab-content .tab-pane{
  overflow: hidden;
}

.btn-toolbar a{
  margin-left: 5px;
}

/*表单 相关*/
.correlation ul li{
  overflow: hidden;
}